<!--
 * @Author: 吴世扬 18368095041@163.com
 * @Date: 2024-07-18 09:34:13
 * @LastEditors: 吴世扬 18368095041@163.com
 * @LastEditTime: 2024-08-23 09:45:57
 * @FilePath: /vue3-uniapp/src/pages/tabbar/MineView/MineView.vue
-->
<script lang="ts" setup>
import { useAppStore } from '@/store';

import UserInfo from './components/UserInfo/UserInfo.vue';
import CellView from './components/CellView/CellView.vue';
const { cssVarObject } = storeToRefs(useAppStore());
</script>

<template>
    <PageContainer>
        <view class="mineview-container">
            <FixedTop>
                <BaseNavbar :bg-color="cssVarObject['--bg-primary']">
                    <template #default>
                        <view class="c-white text-base fw-700">我的</view>
                    </template>
                </BaseNavbar>
            </FixedTop>

            <view class="main">
                <UserInfo />
                <CellView />
            </view>

            <FixedBottom>
                <CustomTabbar model-value="我的" />
            </FixedBottom>
        </view>
    </PageContainer>
</template>

<style lang="scss">
.mineview-container {
    width: 100%;
    background: var(--bg-background);
    min-height: 100vh;
    .main {
        padding: 24rpx;
        margin-bottom: 180rpx;
    }
}
</style>
